﻿<!DOCTYPE html>
<html>
    <head>
        <title>NNTT.ORG Informer</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <link rel="stylesheet" type="text/css" href="css/jquery-ui-1.8.16.css">
        <link rel="stylesheet" type="text/css" href="css/main.css">
        <script type="text/javascript" src="scripts/jquery-1.7.1.min.js"></script>
        <script type="text/javascript" src="locale.js"></script>
        <script type="text/javascript" src="scripts/localize.js"></script>
        <script type="text/javascript" src="scripts/persistentSettings.js"></script>
        <script type="text/javascript" src="scripts/main.js"></script>
    </head>

    <body id="main" class="docked">
        <g:background id="background" style="position:absolute;z-index:-1;top:0;left:0;"></g:background>
       
        <!-- gadget content begin -->
        <div id="gadget-content">
            
            <!-- logo block -->
            <div id="header">
                <div id="logo"><a href="http://nntt.org"><img src="images/nntt_logo.png" width="100%"/></a></div>
                <div id="logo-disc"><span class="center-wrapper"><span localize="logoDiscription"></span></span></div>
            </div>
            
            <!-- search block -->
            <div id="search-panel">
                <form id="quick-search" action="" method="get"> 
                    <div id="search-group">
                           <input id="search-text" name="keywords" type="text" localize="value:search" onfocus="if(this.value==strings['search']) this.value='';" onblur="if(this.value=='') this.value=strings['search'];"/>
                           <input id="search-submit" type="submit" value=""/>
                    </div>
                    <div id="search-type-group">
                        <input id="tracker" type="radio" name="search-type" value="http://www.nntt.org/tracker.php" checked="checked"/>
                        <label for="tracker" localize="searchByTracker"></label><br/>
                        <input id="forum" type="radio" name="search-type" value="http://www.nntt.org/search.php"/>
                        <label for="forum" localize="searchByForum"></label>
                    </div>                
              </form>
            </div>
            
            <!-- panels block -->
            <div id="info-panels">
                <div id="panels-navigate">
                    <div id="prev-panel">
                        <a id="prev-panel-btn" href="#" localize="title:togglePanels">
                            <img height="15px" width="12px" src="images/left.png"/>
                        </a>
                    </div>
                    <div id="next-panel">
                        <a id="next-panel-btn" href="#" localize="title:togglePanels">
                            <img height="15px" width="12px" src="images/right.png"/>
                        </a>
                    </div>
                    <div id="wrapper">
                        <img src="images/left-inner.png" height="15px" width="9px" style="display:block; float:left; margin-left:-3px;"/> 
                        <img src="images/right-inner.png" height="15px" width="9px" style="display:block; float:right; margin-right:-3px;"/>
                        <div id="panel-name" localize="forumNews"></div>
                    </div> 
                </div>
                <div class="panels-content">
                    <div id="news" class="info-panel" localize="title:forumNews"></div>
                    <div id="releases" class="info-panel" localize="title:lastReleases" style="display:none;"></div>
                </div>
            </div>
            
            <!-- social links block -->
            <div id="social">
                <table cellpadding="0" cellspacing="0" border="0">
                    <tr>
                        <td class="social-td"><a href="http://vkontakte.ru/nntt_org" title="http://vkontakte.ru/nntt_org"><img src="images/social/vkontakte_32x32.png" class="social-icon"/></a></td>
                     <!--   <td class="social-td"><a href="#" title="www.facebook.com"><img src="images/social/facebook_32x32.png" class="social-icon"/></a></td>-->
                        <td class="social-td"><a href="http://twitter.com/nntt_org" title="http://twitter.com/nntt_org"><img src="images/social/twitter_32x32.png" class="social-icon"/></a></td>
                    </tr>
                </table>
            </div>
            
            <!-- footer -->
            <div id="footer">
                <div id="refresh-btn-panel">
                    <a id="refresh-btn" href="#" localize="title:refresh"><img src="images/refresh.png"/></a>
                    <span id="timer"></span>
                </div>
                <div id="social-mini-panel">
                    <a href="http://vkontakte.ru/nntt_org" title="http://vkontakte.ru/nntt_org"><img src="images/social/vkontakte_16x16.png" class="social-icon-mini"/></a>
                    <!--<a href="#" title="www.facebook.com"><img src="images/social/facebook_16x16.png" class="social-icon-mini"/></a>-->
                    <a href="http://twitter.com/nntt_org" title="http://twitter.com/nntt_org"><img src="images/social/twitter_16x16.png" class="social-icon-mini"/></a>
                </div>
                <div id="update-panel"></div>
            </div>

        </div>
        <!-- gadget content end -->
        
    </body>
</html>
